<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/header-nav.css" />
    <link rel="stylesheet" href="css/main-banner.css">
    <link rel="stylesheet" href="css/main-condition.css">
    <link rel="stylesheet" href="css/tabs-module.css" />
    <link rel="stylesheet" href="css/hot-company.css" />
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/hot-link.css">
    <link rel="stylesheet" href="css/footer-top.css">
    <link rel="stylesheet" href="css/footer-bottom.css">
    <title>首页</title>
  </head>

  <body>
    <!-- 页面顶部开始 -->
    <header>
      <!-- 页面顶部bar栏开始 -->
      <div class="bar"></div>
      <!-- 页面顶部bar栏结束 -->
      <!-- 页面顶部导航栏开始 -->
      <div class="nav">
        <div class="inner-c nav-c">
          <!-- 顶部导航栏左边开始 -->
          <div class="left">
            <h1 class="logo"><a href="index.html">lagou</a></h1>
            <!-- 城市切换开始 -->
            <div class="city">
              <span class="all-city">全国站</span>
              <span class="switch-city">[切换城市]</span>
            </div>
            <!-- 城市切换结束 -->
            <!-- 网页导航开始 -->
            <ul>
              <li><a href="index.html">首页</a></li>
              <li class="current"><a href="javascript:;">公司</a></li>
              <li><a href="javascript:;">校园招聘</a></li>
              <li><a href="javascript:;">职位</a></li>
              <li><a href="javascript:;">言职</a></li>
              <li>
                <a href="javascript:;">课程<span class="new">new</span></a>
              </li>
            </ul>
            <!-- 网页导航结束 -->
          </div>
          <!-- 顶部导航栏左边结束 -->
          <!-- 顶部导航栏右边开始 -->
          <div class="right">
            <ul>
              <li class="resume"><a href="javascript:;">上传简历</a></li>
              <li class="position"><a href="javascript:;">职位订阅</a></li>
              <li class="login">
                <a href="javascript:;"><i class="user"></i>登录</a>
              </li>
              <li><span>|</span></li>
              <li class="register"><a href="javascript:;">注册</a></li>
              <li class="app">
                <a href="javascript:;"><i class="phone"></i>拉钩APP</a>
              </li>
              <li class="company"><a href="javascript:;">进入企业版</a></li>
            </ul>
          </div>
          <!-- 顶部导航栏右边结束 -->
        </div>
      </div>
      <!-- 页面顶部导航栏结束 -->
    </header>
    <!-- 页面顶部结束 -->
    <!-- 页面主体内容开始 -->
    <main>
    <!-- 页面banner轮滑开始 -->
    <div class="banner">
      <div class="arrow arrow-left"></div>
            <div class="arrow arrow-right"></div>
        <h2 class="title">什么值得投</h2>
        <div class="banner-box">
            <div class="banner-item-all">
              <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <!-- <h3>(mashang)</h3> -->
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <!-- <h3>(mashang)</h3> -->
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <h3>(mashang)</h3>
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <h3>(mashang)</h3>
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <h3>(mashang)</h3>
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            <div class="banner-item">
                <img src="./images/company_logo_mashang.jpg" class="banner-img">
                <h3>马上金融</h3>
                <h3>(mashang)</h3>
                <div class="backend">
                    <p class="content">马上金融</p>
                    <a href="javascript:;" class="home-page">进入公司主页</a>
                </div>
            </div>
            </div>
            <ul class="date">
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
                <li>
                    <span class="date-time">01/22</span>
                    <span class="date-arrow"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面banner轮滑结束 -->
    <!-- 页面根据条件检索公司开始 -->
    <div class="condition inner-c">
      <div class="condition-box">
        <div class="more">
          <a>更多</a>
          <i></i>
        </div>
        <div class="condition-location">
          <h2 class="title">公司地点：</h2>
          <ul class="condition-all">
            <li class="item">全国</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
          <ul class="condition-all condition-all-hidden">
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
        </div>
      </div>
      <div class="condition-box">
        <!-- <div class="more">
          <a>更多</a>
          <i></i>
        </div> -->
        <div class="condition-finance">
          <h2 class="title">融资阶段：</h2>
          <ul class="condition-all">
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
        </div>
      </div>
      <div class="condition-box">
        <!-- <div class="more">
          <a>更多</a>
          <i></i>
        </div> -->
        <div class="condition-scale">
          <h2 class="title">公司规模：</h2>
          <ul class="condition-all">
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
        </div>
      </div>
      <div class="condition-box">
        <div class="more">
          <a>更多</a>
          <i></i>
        </div>
        <div class="condition-domain">
          <h2 class="title">行业领域：</h2>
          <ul class="condition-all">
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
          <ul class="condition-all condition-all-hidden">
            <li class="item">不限</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
            <li class="item">北京</li>
          </ul>
        </div>
      </div>
      <!-- <div class="condition-finance"></div>
      <div class="condition-scale"></div>
      <div class="condition-domain"></div> -->
    </div>
    <!-- 条件筛选排序区域开始 -->
    <div class="sort">
      <h2>排序方式：</h2>
      <ul class="sort-type">
        <li>默认排序</li></li>
        <li>职位数量&#8595;</li>
        <li>面试评价数&#8595;</li>
        <li>简历处理率&#8595;</li>
      </ul>
      <span class="evaluate"><i></i>有面试评价</span>
    </div>
    <!-- 条件筛选排序区域结束 -->
    <!-- 页面根据条件检索公司结束 -->
      <!-- 页面热门公司开始 -->
      <div class="tabs hot-company tabs-c inner-c">
        <div class="tabs-detail">
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 页面热门公司结束 -->
       <!-- 列表项分页开始 -->
       <div class="pagination inner-c">
        <div class="pagination-all">
          <div class="pre">上一页</div>
        <ul class="pagination-box">
          <li class="page current">1</li>
          <li class="page">2</li>
          <li class="page">3</li>
          <li class="page ellipsis">···</li>
          <li class="page">20</li>
        </ul>
        <div class="next">下一页</div>
        </div>
      </div>
      <!-- 列表项分页结束 -->
      <!-- 页面友情链接开始 -->
      <div class="tabs friend-link tabs-c inner-c">
        <ul class="tabs-head">
          <li class="current">24Hour热门</li>
          <li>热门城市</li>
          <li>热门公司</li>
          <li>热门职位</li>
        </ul>
        <div class="tabs-detail">
          <ul class="link">
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>更多</a></li></li>
          </ul>
          <p class="show">展开</p>
        </div>
      </div>
      <!-- 页面友情链接结束 -->
    </main>
    <!-- 页面主体内容结束 -->
    <!-- 页面底部开始 -->
    <footer>
      <!-- 页面底部顶部区域开始 -->
      <div class="footer-top">
        <div class="inner-c more-info-c">
          <div class="info-left">
            <a class="check app" href="javascript:;">
              <i><span></span>下载拉钩APP</i>
            </a>
            <a class="check mini-program" href="javascript:;">
              <i><span></span>微信小程序</i>
              <img src="./images/mini_pro.png">
            </a>
              <ol>
                <li class="weixin"><span></span><a href="javascript:;">拉钩微信</a><img src="./images/qr_code.png"></li>
                <li class="weibo"><span></span><a href="javascript:;">拉钩微博</a></li>
              </ol>
          </div>
          <div class="info-right">
            <dl class="service">
              <dt class="title">企业服务</dt>
              <dd><a>招聘抢人宝典</a></dd>
              <dd><a>公司搜索</a></dd>
              <dd><a>拉钩APP</a></dd>
            </dl>
            <dl class="help">
              <dt class="title">用户帮助</dt>
              <dd><a>用户服务协议</a></dd>
              <dd><a>隐私政策</a></dd>
              <dd><a>在线提问</a></dd>
            </dl>
            <dl class="contact">
              <dt class="title">联系方式</dt>
              <dd>服务热线：4006 2828 35 (9:00 - 18:00)</dd>
              <dd><a>企业服务邮箱：cc@lagou.com</a></dd>
              <dd><a>联系我们</a></dd>
            </dl>
          </div>
        </div>
      </div>
      <!-- 页面底部顶部区域结束 -->
      <!-- 页面底部底部区域开始 -->
      <div class="footer-bottom">
        <div class="inner-c other-info-c">
          <p class="copyright">&copy;2021 拉钩 <a href="javascript:;">京ICP备14023790号-2</a></p>
          <p class="identification"><i></i><a href="javascript:;"">京公网安备 11010802024043号</a></p>
          <div class="report">
            <i class="icon"></i>
            <p class="content">
              <span>违法和不良信息举报</span>
              <span>电话: 4006 2828 35</span>
              <span>邮箱: cc@lagou.com</span>
            </p>
          </div>
          <p class="lagou"></p>
        </div>
      </div>
      <!-- 页面底部底部区域结束 -->
      <!-- 底部回到顶部图标开始 -->
      <p class="back-top"></p>
      <!-- 底部回到顶部图标结束 -->
    </footer>
    <!-- 页面底部结束 -->
  </body>
</html>
